<template>
	<div class="app">
		<h1>我是App组件</h1>
		<button @click="test">点我</button>
		<Child @haha="test2"/>
	</div>
</template>

<script>
	import Child from './components/Child'

	export default {
		name:'App',
		components:{Child},
		methods:{
			test(){
				alert('啊呦~你点我了！')
			},
			test2(value){
				alert(`啊呦~你触发了Child组件实例身上的haha事件，并收到了数据：${value}`)
			}
		}
	}
</script>

<style>
	.app{
		background-color: gray;
		padding: 20px;
	}
	button{
		margin: 10px;
	}
</style>